<script setup>
import { computed } from 'vue';
import { RouterView, useRoute } from 'vue-router'
import Bottom from './components/bottom.vue'

const route = useRoute()
const isBottom = computed(()=>{
  return route.name !== "Login" &&(
    route.name==="Home"||route.name==="Market"||route.name==="Trade"||route.name==="Circle"||route.name==="My"
  )
})
</script>

<template>
  <RouterView />
  <Bottom v-if="isBottom" />
</template>

<style scoped>
</style>
